<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Pirobox V.1.2.2 demo 5</title>
<link href="css_pirobox/css.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css_pirobox/demo5/style.css" class="piro_style" media="screen" title="white" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pirobox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$().piroBox({
			my_speed: 400, //animation speed
			bg_alpha: 0.3, //background opacity
			slideShow : true, // true == slideshow on, false == slideshow off
			slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
			close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox

	});
});
</script>
</head>
<body>

<div style="float:left; width:700px; display:block;">
<h2><a href="demo.html">Back to pirobox homepage</a> demo</h2>
<h2><a href="demo2.html">Back to pirobox homepage</a> demo2</h2>
<h2><a href="demo3.html">Back to pirobox homepage</a> demo3</h2>
<h2><a href="demo4.html">Back to pirobox homepage</a> demo4</h2>
<h2><a href="demo5.html">Back to pirobox homepage</a> demo5</h2>
<div class="demo"><a href="photos/img1_m.jpg" class="pirobox_gall" title="Spain 2009"><img src="photos/img1_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img2_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img2_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img3_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img3_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img4_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img4_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img5_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img5_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img6_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img6_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img7_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img7_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img5_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img5_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img6_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img6_ss.jpg"  /></a></div>
<div class="demo"><a href="photos/img7_m.jpg" class="pirobox_gall" title="Nadia!!"><img src="photos/img7_ss.jpg"  /></a></div>
</div>

</body>
</html>